<!doctype html>
[#escape x as (x)!?html]
<html lang="zh-CN">
<head>
  <meta charset="utf-8">
  <title>${site.title}</title>
  <meta name="keywords" content="${site.seoKeywords}">
  <meta name="description" content="${site.seoDescription}">
  <meta name="_csrf" content="${_csrf.token}"/>
  <meta name="_csrf_header" content="${_csrf.headerName}"/>
  [#include 'inc_meta.html'/]
  [#include 'inc_css.html'/]
  [#include 'inc_js.html'/]
  [#if config.greyStyle]
  <style>
    body {
      filter: grayscale(.95);
      -webkit-filter: grayscale(.95);
    }
  </style>
  [/#if]
</head>
<body class="library-home">
[#include 'inc_header.html'/]
<!-- 主要内容区域 -->
<div class="library-content">
  <div class="container">
    <div class="row">
      <!-- 左侧内容 -->
      <div class="col-lg-12">
        <!-- 资源动态标签页 -->
        <!-- 通知公告 -->
        <div class="col-lg-4">
          <!-- 通知公告 -->
          <div class="tab-pane" id="notices" role="tabpanel">
            <div class="content-list">
              [@ArticleList channel='notice' isIncludeSubChannel='true' limit=10 orderBy='publishDate_desc'; list]
              [#if list?size > 0]
              <div class="notice-list">
                [#list list as bean]
                <div class="notice-item">
                  <div class="notice-date">
                <span class="date-day">
                  [#if bean.publishDate?? && bean.publishDate?is_number]
                    ${bean.publishDate?string("dd")}
                  [/#if]
                </span>
                    <span class="date-month">
                  [#if bean.publishDate?? && bean.publishDate?is_number]
                    ${bean.publishDate?string("yyyy.MM")}
                  [/#if]
                </span>
                  </div>
                  <div class="notice-content">
                    <div class="notice-tag">
                      <span class="tag-text">[通知公告]</span>
                    </div>
                    <div class="notice-title">
                      <a href="${bean.url}" class="text-decoration-none">${bean.title}</a>
                    </div>
                  </div>
                </div>
                [/#list]
              </div>
              [#else]
              <div class="empty-content">
                <i class="fas fa-bullhorn fa-3x text-muted"></i>
                <p class="text-muted mt-3">暂无通知公告</p>
              </div>
              [/#if]
              [/@ArticleList]
            </div>
          </div>

        </div>


        <!-- 校区信息 -->
        <div class="library-campus-info">
          <h3 class="section-title">校区信息</h3>
          <div class="row">
            <div class="col-md-4">
              <div class="campus-card">
                <h4>金明校区</h4>
                <div class="campus-stats">
                  <div class="stat">
                    <span class="stat-number">14</span>
                    <span class="stat-label">在馆人数</span>
                  </div>
                  <div class="stat">
                    <span class="stat-number">2,906</span>
                    <span class="stat-label">可预约座位</span>
                  </div>
                  <div class="stat">
                    <span class="stat-number">3</span>
                    <span class="stat-label">可预约研讨间</span>
                  </div>
                </div>
              </div>
            </div>
            <div class="col-md-4">
              <div class="campus-card">
                <h4>明伦校区</h4>
                <div class="campus-stats">
                  <div class="stat">
                    <span class="stat-number">2</span>
                    <span class="stat-label">在馆人数</span>
                  </div>
                  <div class="stat">
                    <span class="stat-number">1,112</span>
                    <span class="stat-label">可预约座位</span>
                  </div>
                  <div class="stat">
                    <span class="stat-number">1</span>
                    <span class="stat-label">可预约研讨间</span>
                  </div>
                </div>
              </div>
            </div>
            <div class="col-md-4">
              <div class="campus-card">
                <h4>郑州校区</h4>
                <div class="campus-stats">
                  <div class="stat">
                    <span class="stat-number">0</span>
                    <span class="stat-label">在馆人数</span>
                  </div>
                  <div class="stat">
                    <span class="stat-number">144</span>
                    <span class="stat-label">可预约座位</span>
                  </div>
                  <div class="stat">
                    <span class="stat-number">0</span>
                    <span class="stat-label">可预约研讨间</span>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>

        <!-- 数据库资源 -->
        <div class="library-databases">
          <h3 class="section-title">数据库资源</h3>
          <div class="database-tabs">
            <ul class="nav nav-tabs" id="databaseTabs" role="tablist">
              <li class="nav-item">
                <a class="nav-link active" id="chinese-db-tab" data-toggle="tab" href="#chinese-db" role="tab">中文资源</a>
              </li>
              <li class="nav-item">
                <a class="nav-link" id="foreign-db-tab" data-toggle="tab" href="#foreign-db" role="tab">外文资源</a>
              </li>
              <li class="nav-item">
                <a class="nav-link" id="trial-db-tab" data-toggle="tab" href="#trial-db" role="tab">试用资源</a>
              </li>
              <li class="nav-item">
                <a class="nav-link" id="special-db-tab" data-toggle="tab" href="#special-db" role="tab">特色资源</a>
              </li>
              <li class="nav-item">
                <a class="nav-link" id="free-db-tab" data-toggle="tab" href="#free-db" role="tab">免费资源</a>
              </li>
            </ul>

            <div class="tab-content" id="databaseTabsContent">
              <!-- 中文资源 -->
              <div class="tab-pane fade show active" id="chinese-db" role="tabpanel">
                <div class="database-grid">
                  <div class="database-item">
                    <a href="#" class="database-link">
                      <div class="database-logo">
                        <i class="fas fa-book-open"></i>
                      </div>
                      <span class="database-name">中国知网</span>
                    </a>
                  </div>
                  <div class="database-item">
                    <a href="#" class="database-link">
                      <div class="database-logo">
                        <i class="fas fa-database"></i>
                      </div>
                      <span class="database-name">万方数据</span>
                    </a>
                  </div>
                  <div class="database-item">
                    <a href="#" class="database-link">
                      <div class="database-logo">
                        <i class="fas fa-file-alt"></i>
                      </div>
                      <span class="database-name">维普网</span>
                    </a>
                  </div>
                  <div class="database-item">
                    <a href="#" class="database-link">
                      <div class="database-logo">
                        <i class="fas fa-graduation-cap"></i>
                      </div>
                      <span class="database-name">超星数字图书馆</span>
                    </a>
                  </div>
                  <div class="database-item">
                    <a href="#" class="database-link">
                      <div class="database-logo">
                        <i class="fas fa-book"></i>
                      </div>
                      <span class="database-name">读秀学术搜索</span>
                    </a>
                  </div>
                  <div class="database-item">
                    <a href="#" class="database-link">
                      <div class="database-logo">
                        <i class="fas fa-newspaper"></i>
                      </div>
                      <span class="database-name">中国重要报纸全文数据库</span>
                    </a>
                  </div>
                </div>
              </div>

              <!-- 其他数据库标签页内容类似，使用静态数据 -->
              <div class="tab-pane fade" id="foreign-db" role="tabpanel">
                <div class="database-grid">
                  <div class="database-item">
                    <a href="#" class="database-link">
                      <div class="database-logo">
                        <i class="fas fa-globe"></i>
                      </div>
                      <span class="database-name">Web of Science</span>
                    </a>
                  </div>
                  <div class="database-item">
                    <a href="#" class="database-link">
                      <div class="database-logo">
                        <i class="fas fa-flask"></i>
                      </div>
                      <span class="database-name">ScienceDirect</span>
                    </a>
                  </div>
                  <div class="database-item">
                    <a href="#" class="database-link">
                      <div class="database-logo">
                        <i class="fas fa-microscope"></i>
                      </div>
                      <span class="database-name">SpringerLink</span>
                    </a>
                  </div>
                  <div class="database-item">
                    <a href="#" class="database-link">
                      <div class="database-logo">
                        <i class="fas fa-book-medical"></i>
                      </div>
                      <span class="database-name">PubMed</span>
                    </a>
                  </div>
                </div>
              </div>

              <div class="tab-pane fade" id="trial-db" role="tabpanel">
                <div class="database-grid">
                  <div class="database-item">
                    <a href="#" class="database-link">
                      <div class="database-logo">
                        <i class="fas fa-clock"></i>
                      </div>
                      <span class="database-name">试用资源1</span>
                    </a>
                  </div>
                </div>
              </div>

              <div class="tab-pane fade" id="special-db" role="tabpanel">
                <div class="database-grid">
                  <div class="database-item">
                    <a href="#" class="database-link">
                      <div class="database-logo">
                        <i class="fas fa-star"></i>
                      </div>
                      <span class="database-name">特色资源1</span>
                    </a>
                  </div>
                </div>
              </div>

              <div class="tab-pane fade" id="free-db" role="tabpanel">
                <div class="database-grid">
                  <div class="database-item">
                    <a href="#" class="database-link">
                      <div class="database-logo">
                        <i class="fas fa-gift"></i>
                      </div>
                      <span class="database-name">免费资源1</span>
                    </a>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>

        <!-- 智能推荐 -->
        <div class="library-recommendations">
          <h3 class="section-title">智能推荐</h3>
          <div class="recommendation-content">
            <div class="empty-recommendations">
              <i class="fas fa-robot fa-3x text-muted"></i>
              <p class="text-muted mt-3">暂无推荐内容</p>
            </div>
          </div>
        </div>
      </div>

      <!-- 右侧边栏 -->
      <div class="col-lg-12">
        <!-- 快速链接 -->
        <div class="library-links">
          <h3 class="section-title">快速链接</h3>
          <ul class="link-list">
            <li><a href="#"><i class="fas fa-external-link-alt"></i> 中国高等教育学会</a></li>
            <li><a href="#"><i class="fas fa-external-link-alt"></i> 中国图书馆学会</a></li>
            <li><a href="#"><i class="fas fa-external-link-alt"></i> 国家图书馆</a></li>
          </ul>
        </div>

      </div>
    </div>
  </div>
</div>

<!-- 底部区域 -->
[#include 'inc_footer.html'/]

<!-- 悬浮工具栏 -->
<div class="library-float-toolbar">
  <a href="${dy}/search" class="toolbar-item" title="资源检索">
    <i class="fas fa-search"></i>
  </a>
  <a href="${dy}/help" class="toolbar-item" title="帮助中心">
    <i class="fas fa-question-circle"></i>
  </a>
  <a href="${dy}/service" class="toolbar-item" title="学科服务">
    <i class="fas fa-graduation-cap"></i>
  </a>
  <button class="toolbar-item back-to-top" onclick="scrollToTop()" title="回到顶部">
    <i class="fas fa-arrow-up"></i>
  </button>
</div>
</div>

[#include 'inc_message_box.html'/]

<script src="${files}/js/library-home.js"></script>
<script>
// 搜索类型切换
document.querySelectorAll('[data-search-type]').forEach(button => {
  button.addEventListener('click', function() {
    document.querySelectorAll('[data-search-type]').forEach(btn => btn.classList.remove('active'));
    this.classList.add('active');
  });
});

// 回到顶部功能
function scrollToTop() {
  window.scrollTo({
    top: 0,
    behavior: 'smooth'
  });
}

// 显示/隐藏回到顶部按钮
window.addEventListener('scroll', function() {
  const backToTop = document.querySelector('.back-to-top');
  if (window.pageYOffset > 300) {
    backToTop.style.display = 'block';
  } else {
    backToTop.style.display = 'none';
  }
});
</script>
</body>
</html>
[/#escape]
